<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>备案管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <style>
        .page-tab{ margin-bottom: 10px; padding: 10px;}
        .layui-inline{ width: 500px;}
        .layui-input-inline{ width: 250px!important;}
        .layui-form-label{ font-size: 13px;}
        .layui-form-item {  margin-bottom: 5px;}
    </style>
</head>

<body>
<div class="admin-main">
    <p class="page-tab">
       <span class="layui-breadcrumb" lay-separator="&gt;" style="visibility: visible;">
           <a href="record.html">备案管理<span class="layui-box">&gt;</span></a><a><cite>备案登记</cite></a></span></p>

    <form class="layui-form" action="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >车牌号</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label" >类别</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">品牌</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label" >主色</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >厂牌型号</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label" >电子标签号</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >电机号</label>
                <div class="layui-input-inline" style="width: 125px;">
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
                <a class="layui-btn layui-btn-primary">查询</a>

            </div>
            <div class="layui-inline">
                <label class="layui-form-label" >车架号</label>
                <div class="layui-input-inline" style="width: 110px;">
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
                <a class="layui-btn layui-btn-primary">查询</a>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >车主姓名</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label" >身份证号</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >联系电话</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label" >登记日期</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >购买时间</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label" >购买地址</label>
                <div class="layui-input-inline" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: 1000px;">
                <label class="layui-form-label" >区域地址</label>
                <div class="layui-input-inline" style="width: 760px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="请输入车牌号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: 1000px;">
                <label class="layui-form-label" >常用联系人1</label>
                <div class="layui-input-inline" style="width: 160px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="联系人" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width: 200px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="联系人电话" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:380px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="身份证号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: 1000px;">
                <label class="layui-form-label" >常用联系人2</label>
                <div class="layui-input-inline" style="width: 160px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="联系人" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width: 200px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="联系人电话" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:380px!important;" >
                    <input type="text" name=""  autocomplete="off" placeholder="身份证号" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" >是否购买保险</label>
                <div class="layui-input-inline"  >
                    <select name="interest" lay-filter="">
                        <option value=""></option>
                        <option value="0">是</option>
                        <option value="1" selected="">否</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">上传附件</label>
            <div class="layui-input-block" style="width: 80%;">
                <div id="as" ></div>
            </div>
        </div>





        <div class="layui-form-item" style="margin-top: 30px;">
            <div class="layui-input-block">
                <div>
                    <button class="layui-btn" lay-submit="" lay-filter="branch">保存</button>
                    <a  href="record.html" class="layui-btn layui-btn-primary">返回</a>
                </div>


            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="plugins/layui/layui.js"></script>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

<link rel="stylesheet" type="text/css" href="js/diyUpload/css/webuploader.css">
<link rel="stylesheet" type="text/css" href="js/diyUpload/css/diyUpload.css">
<script type="text/javascript" src="js/diyUpload/js/webuploader.html5only.min.js"></script>
<script type="text/javascript" src="js/diyUpload/js/diyUpload.js"></script>
<script>
    layui.use(['form', 'laydate'], function() {
        var form = layui.form(),
                layer = layui.layer,
                layedit = layui.layedit,
                laydate = layui.laydate;
        //自定义验证规则
        form.verify({
            police: function(value) {
                if(value.length < 4) {
                    return '标题至少得4个字符啊';
                }
            },
        });

        //监听提交
        form.on('submit(branch)', function(data) {
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });
    });

    //上传文件
    $('#as').diyUpload({
        url:'server/fileupload.php',
        success:function( data ) {
            console.info( data );
        },
        error:function( err ) {
            console.info( err );
        },
        buttonText : '选择文件',
        chunked:true,
        // 分片大小
        chunkSize:512 * 1024,
        //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
        fileNumLimit:50,
        fileSizeLimit:500000 * 1024,
        fileSingleSizeLimit:50000 * 1024,
        accept: {}
    });
</script>
</body>

</html>